<template>
  <router-view v-if="isReload"></router-view>
</template>

<script>
export default {
  name: 'app',
  // 全局定义刷新功能，实际上是一个判断语句，让子组件调用即可达到刷新目的
  provide () {
    return {
      reload: this.reload
    }
  },
  data () {
    return {
      isReload: true
    }
  },
  methods: {
    // 我们定义了全局的方法 reload( ); 原理就是通过控制组件容器的出现与消失, 达到重新渲染的效果 , 从而实现我们的目的
    reload () {
      this.isReload = false
      this.$nextTick(() => (this.isReload = true))
    }
  }
}
</script>

<style>

</style>
